<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>cssThree</title>
</head>
<style>
  .one{
    color: green;
    width: 100px;
    height: 100px;
    background-color: pink;
   padding:10px 30px; /*上下内边距10px  左右内边距30px*/
   padding:10px 30px 50px 20px; /*上10px  右30px  下50px 左20px*/
   padding:10px 30px 50px ;  /*上10px  右30px  下50px 左10px*/
    /*padding总结:取四个像素，顺时针看，取2个或3个，顺时针看，且没有的看对面的像素*/
  }
</style>
<body>
<div class="one">文字</div>
<script>

</script>
</body>
</html>
